<div class="navbar">
    <div class="navbar-inner">
        <div class="left sliding">
            <a href="#" class="back link">
                <i class="ion ion-ios-arrow-left font-32"></i><span>返回</span>
            </a>
        </div>
        <div class="center sliding">消息中心</div>
        <div m-role="cell" m-mode="x-equal" class="subnavbar sliding">
            <a m-role="cell" m-align="center" m-valign="middle" href="#unreadTab" class="active tab-link">未读消息</a>
            <a m-role="cell" m-align="center" m-valign="middle" href="#readedTab" class="tab-link">已读消息</a>
        </div>
    </div>
</div>
<div class="pages navbar-through">
    <div data-page="messageView" class="page no-tabbar with-subnavbar">
        <div class="tabs-swipeable-wrap">
            <div class="tabs">
                <div id="unreadTab" class="page-content tab active">
                    
                </div>
                <div id="readedTab" class="page-content tab "></div>
            </div>
        </div>
    </div>
</div>
